<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容页</title>
<link href="public/css/body.css" rel="stylesheet" type="text/css">
<link href="public/css/style.css" rel="stylesheet" type="text/css">
<script src="public/js/jquery-1.7.1.min.js"></script>
<script src="public/js/style.js"></script>

</head>
<!--prettyPrint() 启动代码高亮标签-->
<body onLoad="prettyPrint()">
<!--头部-->
<div class="header width left">
	<ul>
    	<li class="sy-1"><h3><a href="">Jun</a></h3></li>
        <li class="sy-2"><a href="">管理后台</a></li>
        <li class="sy-3">
        	<a href="javascript:viod(0);"><span>全部分类</span><span class="caret"></span><span class="caret2"></span></a>  
        	<div>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
            </div>
        </li>
        <li class="sy-4">
        	<a href="javascript:viod(0);"><span>超级管理员</span><span class="caret"></span><span class="caret2"></span></a>
        	<ul>
            	<li><a href="">修改资料</a></li>
                <li><a href="">退出登录</a></li>
            </ul>
      </li>
  </ul>
</div>
<!--左侧-->
<div class="left-1">
    <ul class="ul">
    	<li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li bag"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
        <li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
    </ul>
</div>
<div class="left-2">
	<div class="top-3">三级分类</div>
    <div class="list">
    	<ul>
        	<li><a href="">标签一</a></li>
            <li class="tub"><a href="">标签二</a></li>
            <li><a href="">标签三</a></li>
            <li><a href="">标签四</a></li>
        </ul>
    </div>
</div>


<!--main-->
<style>body{background-color:#fff}</style>
<div class="main left">
	<div class="main-left width-100" style="margin-top:0px">
    	<div class="left_bor"><span> 权限选择 </span></div>
        <table class="content" border="0" cellspacing="0" cellpadding="0">
            <tbody>
            <tr>
            	<td class="left-txt"><span class="c-red">*</span>权限名称：</td>
                <td><input class="input-text" name="title" type="text"></td>									
            </tr>
            <tr>
            	<td class="left-txt"><span class="c-red">*</span>控制器：</td>
                <td><input class="input-text" name="" type="text"></td>									
            </tr>
            <tr>
            	<td class="left-txt"><span class="c-red">*</span>方法：</td>
                <td><input class="input-text" name="" type="text"></td>									
            </tr>
            <tr>
            	<td class="left-txt"><span class="c-red">*</span>选择权限：</td>
                <td>
                	<div id="AUTH-A">顶级权限</div>
					<input id="AUTH-A-ID" name="" type="hidden" value="0">
                </td>									
            </tr>
            <tr>
            	<td></td>
                <td>
                	<span><input class="Jun-TiJiao" name="" type="submit" value="保存并提交"></span>
                    <span><input class="Jun-QuXiao" name="" type="reset" value="取消"></span>
                </td>									
            </tr>
            
            </tbody>
            
        </table>
    </div>
</div>


<!--权限列表弹窗-->
<!--遮罩层-->
<div id="mask" class="mask"></div>
<div class="convenient">
	<div class="top"><span class="left">选择对应的权限</span></div>
    <div id="AUTH-A-LIST">
        <div class="authclick" id="0"><a>顶级权限</a><span>√</span></div>
    	<div id="11"><a>友情链接</a><span>√</span></div>
        <div id="12"><a>生成二维码</a><span>√</span></div>
        <div id="13"><a>模型列表</a><span>√</span></div>
        <div id="14"><a>Laravel</a><span>√</span></div>
        <div id="15"><a>ThinkPHP</a><span>√</span></div>
        <div id="16"><a>Ubuntu</a><span>√</span></div>
        <div id="17"><a>Centos</a><span>√</span></div>
        <div id="18"><a>redis</a><span>√</span></div>
        <div id="19"><a>linux</a><span>√</span></div>
        <div id="20"><a>windows</a><span>√</span></div>
    </div>
    
    <!--确认区域-->
    <div id="TJ">
    	<span class="txt"></span>
    	<span class="right"><input id="AUTH-ANNIU" class="anniu-1" name="" type="button" value="确认"></span>
    </div>
</div>
</body>
</html>
